
//1. 导入
const ejs = require('ejs');

//2. 语法解析
// let str = 'sony 相机';

//一. render 渲染, 编译  
//1-1 合在一起
// let res = ejs.render(`我最近特别想买一台 <%= str %>, 因为这个可以改善我的画面, 让我变得更帅~~~`, {str: str});
//1-2 拆开代码
// let msg = `我最近特别想买一台 <%= str %>, 因为这个可以改善我的画面, 让我变得更帅~~~`;
// let res = ejs.render(msg, {str});
//1-3 拆开文件
// let msg = require('fs').readFileSync('./7.html').toString();
// let res = ejs.render(msg, {str});
// <%= %>  ejs 模板引擎的语法, 输出表达式的值
// console.log(res);

//二. 列表渲染  需求 
// let stus = ['杨超','朱岩','丹阳','施怡'];//  <ul><li>杨超</li><li>朱岩</li>....</ul>
// 2-1 原始拼接
// let str = `<ul>`
// stus.forEach(item => {
//     str += `<li>${item}</li>`
// });

// str += '</ul>';

// console.log(str);

//2-2 ejs    <% JS 语句 %>   <%= JS 表达式 %>  模板引擎的语法, 能够被 ejs 所处理, 其他字符串, ejs 会原样返回
let stus = ['杨超','朱岩','丹阳','施怡'];//  <ul><li>杨超</li><li>朱岩</li>....</ul>

//合在一起的写法
// let res = ejs.render(`<ul>
//         <% for(let i=0;i<stus.length;i++){ %>
//             <li><%= stus[i] %></li>
//         <% } %>
//         </ul>`, {stus});

//拆分写法
let str = require('fs').readFileSync('./7.html').toString();

let res = ejs.render(str, {stus})

console.log(res);



